﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="True"
    CodeBehind="Cadastrar.aspx.cs" Inherits="Locadora.Views.Filme.Cadastrar" %>
<%@ Import Namespace="System.Web.Mvc.Html" %>
<asp:Content ID="cadastroContent" ContentPlaceHolderID="MainContent" runat="server">

  <div class="corpo" id="corpo">
   
        <div class="ajuda" id="ajuda">
        <div class="dentro">
            <h4>Cadastrando um filme</h4>
            <p>
                Digite o título do filme, de preferência em inglês, e clique no botão "??". Se não aparecer nada, tente usar
            </p>
            <p>
                Do lado direito da página irá aparecer alguns títulos referentes a este filme. Selecione o
                título do filme que você está cadastrando. O sistema irá colocar no formulário de cadastro
                todos os dados referentes ao filme. Corrija a nota se necessário.                
            </p>
            <p>
                Defina o gênero e o tipo de mídia e clique no botão "Cadastrar"
            </p>
            <div id="image-fechar">
                <img src="/DVDShare/Content/images/close.gif" />
            </div>
            </div>
        </div>
        
        <h2>Cadastro de Filme</h2>
         <!-- DIV de erro enviados pelo servidor -->
        <div id="container_right">
        <div class="newsimg">
            <div id="erro" style="padding-bottom:10px;padding-top:10px;"></div>
        </div>
        </div>
        <!-- fim div -->
        
        <form id="cadastro-form" action="<%= Html.AttributeEncode(Url.Action("Cadastra")) %>">
        <% if (ViewData["ErrorMessage"] != null)
           { %>
        <p class="erro">
            Ocorreu um erro:
            <br />
            <%= ViewData["ErrorMessage"] %>
        </p>
        
        <br />
        <% } %>
        <div class="notes" id="notes"></div>
        <table border="0" class="list" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    Title English:
                </td>
                <td>
                    <input type="text" name="titulo" id="titulo" size="60" value="<%= ViewData["Titulo"] %>" />*
                    <input type="button" value="??" onclick="GetJsonLista(titulo.value)" />
                    <input type="button" value="YouTube" onclick="GetJsonYouTube(titulo.value)" />
                </td>
            </tr>
            <tr>
                <td>
                    Título Português:
                </td>
                <td>
                    <input type="text" name="tituloPortugues" id="tituloPortugues" size="60" value="<%= ViewData["TituloPortugues"] %>" />*
                </td>
            </tr>
            <!-- felipe-->
            
            <tr>
                <td>
                    Sinopse:
                </td>
                <td>
                    <textarea cols="40" rows="12" name="sinopse" id="sinopse"><%= ViewData["Sinopse"] %></textarea>
                </td>
            </tr>            
           <tr>
                <td>
                    Url do Trailler:
                </td>
                <td>
                    <input type="text" name="urlTraler" id="urlTraler" size="60" value="<%= ViewData["UrlTraler"] %>" />   <input type=button value="salvar" onclick="SaveYouTubeVideo(urlTraler.value,titulo.value)" />                                  
                </td>
            </tr>
            <!--end-->            
            <tr>
                <td>
                    Ator:
                </td>
                <td>
                    <input type="text" name="ator" id="ator" size="60" value="<%= ViewData["Ator"] %>" />
                </td>
            </tr>
            <tr>
                <td>
                    Diretor:
                </td>
                <td>
                    <input type="text" size="60" name="diretor" id="diretor" value="<%= ViewData["Diretor"] %>" />
                </td>
            </tr>
            <tr>
                <td>
                    Duração:
                </td>
                <td>
                    <input type="text" name="duracao" id="duracao" value="<%= ViewData["Duracao"] %>" />* Ex.: 2,50
                    (duas horas e cinquenta minutos)
                </td>
            </tr>
            <tr>
                <td>
                    Nota:
                </td>
                <td>
                    
                    <input type="text" name="nota" id="nota" value="<%= ViewData["Nota"] %>" />* De 1 a 5
									<script type="text/javascript"> 
//										var s1 = new Stars({
//											maxRating: 5,
//											bindField: 'nota',
//											imagePath: '../../Content/images/',
//											value: 0
//										});
									</script>                    
                </td>
            </tr>
            <tr>
                <td>
                    Tipo Mídia:
                </td>
                <td>
                    <%= Html.DropDownList("Tipo", (System.Web.Mvc.SelectList)ViewData["Tipo"], new { style="width:270px;" })%>
                </td>
            </tr>
            <tr>
                <td>
                    Gênero:
                </td>
                <td>
                    <%= Html.DropDownList("Genero", (System.Web.Mvc.SelectList)ViewData["Genero"], new { style="width:270px;", })%>
                    <div id="dvGenero"></div>
                    
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <!-- <input type="hidden" name="coUsuario" value="<%= Session["CO_USUARIO"] %>" /> -->
                    <input type="hidden" name="coUsuario" value="<%= (Membership.GetUser(Page.User.Identity.Name)).ProviderUserKey.ToString()%>" />
                    <input type="submit" value="Cadastrar" />
                </td>
            </tr>
        </table>
        </form>
        <div class="image_ajuda">
            <img src="/DVDShare/Content/images/help.gif" id="help" alt="Clique para ajuda de como cadastrar."/>
        </div>
        

    </div>
    <div id=dvYoutube></div>
    <script type="text/javascript">

        document.getElementById("titulo").focus();

        function GetJsonLista(titulo) {
            //$("#notes").html("");
            $("#notes").hide();
            $.getJSON("/DVDShare/Filme/ListaFilmeIMDB/0?titulo="+ titulo,
          {},
          ListaFilmes);
      }

      function GetJsonYouTube(titulo) {
          $("#notes").hide();
          $.getJSON("/Filme/GetFirstYoutubeVideo/0?titulo=" + titulo,
          {},
          MostrarVideo);
      }
      function MostrarVideo(data) {
          var ytb = data[0];
          var url=data[1]
          $("#dvYoutube").html(ytb);
          $('#urlTraler').val(url);
      
      }
      function SaveYouTubeVideo(url,titulo) {
          //$("#notes").html("");
          $("#notes").hide();
          $.getJSON("/Filme/SaveYouTubeVideo/0?titulo=" + titulo + "&url="+ url,
          {},
          MensagemYoutube);
      }
      function MensagemYoutube(data) {
          $('#urlTraler').val(data);
          alert('Trailer salvo!');
      }
      
        function ListaFilmes(data) {
            var newFilmeList;
            newFilmeList = "<ul>";

            for (var i = 0; i < data.length; i++) {
                var filme = data[i];
                newFilmeList += "<li><a href=\"#\" onclick=\"GetJsonInfo('" + filme.URL + "'); return false;\"><img src='"+ filme.Cover +"' >"
                            + filme.Title + " ("
                            + filme.Year
                            + ")</a></li>";
            }

            newFilmeList += "<ul>";

            $("#notes").show();
            $("#notes").html(newFilmeList);
        }

        function GetJsonInfo(url) {            
            $.getJSON("/Filme/GetInfoFilmeIMDB/0?urlFilme=" + url,
          {},
          GetInfoFilme);
        }

        function GetInfoFilme(data) {
            
            $("#titulo").val(data.Title + "(" + data.Year +")");
            $("#sinopse").val(data.Plot);
            //Atores
            $('#ator').val("");
            var atores="";
            if (data.Actors)
            {
                for (var i = 0; i < data.Actors.length; i++) {
                    var ator = data.Actors[i];
                    atores +=  ator.Name + "; ";
                }            
                $('#ator').val(atores.replace('#','').replace('&',''));
            }
            //diretor            
            $('#diretor').val("");            
            var diretores="";
            if (data.Directors)
            {
                for (var i = 0; i < data.Directors.length; i++) {
                    var diretor = data.Directors[i];
                    diretores += diretor.Name +  "; " ;
                }
                $('#diretor').val(diretores);
            }
            
            //duracao
            if (data.Runtime)
            {
                var duracaoHora = parseInt(data.Runtime)/60;
                var nDuracaoHora = new Number(duracaoHora);
                var sDuracao = nDuracaoHora.toFixed(2) + "";
                sDuracao=sDuracao.replace(".",",");
                $('#duracao').val(sDuracao); 
            }
            //nota
            $('#nota').val(data.Rating); 
            
            //genero title.Genres dvGenero
            $('#dvGenero').html("");            
            var generos="<ul>";
            if (data.Genres)
            {
                for (var i = 0; i < data.Genres.length; i++) {
                    var genero = data.Genres[i];                    
                    generos += "<li>"
                                + genero
                                + "</li>";                    
                    
                }            
                generos+="</ul>";
               $('#dvGenero').html(generos); 
            }            
            
         }
         
 

  //      $(document).ready(function() {
        
//        $.getJSON("/Filme/ListaFilmeIMDB/0?titulo=jumper",
//          {},
//          function(data) {
//            $("titulo").value= data[0].Title;             
//          });
//        });

         $(document).ready(function() {

             var mostrarForm = true;
             $("#notes").hide();
             jQuery().ajaxStart(function() {
                 showLoading();
                 $("#cadastro-form").fadeOut("slow");
                 $("#erro").hide();
                 //                 $('#grow').animate({ height: 500, width: 500 }, "slow", function() {
                 //                     alert('The element is done growing!');
                 //                 });

             });

             jQuery().ajaxStop(function() {
                 hideLoading();
                 if (mostrarForm) {

                     $("#cadastro-form").fadeIn("fast");
                     //$("#notes").show();
                 }
             });

             $('#cadastro-form').submit(
            function() {
                var f = $('#cadastro-form');
                var action = f.attr("action");
                var serializedForm = f.serialize();
                $.post(action,
                    serializedForm,
                    function(txt) {
                        $("#erro").html(txt);
                        if (txt == "Cadastrado com sucesso!") {
                            $("#erro").css({ color: 'green' });
                            mostrarForm = false;
                        }
                        else {
                            $("#erro").css({ color: 'red' });
                        }
                        $("#erro").show();
                    });

                //$.getJSON("/Filme/Cadastra/" + serializedForm, {}, ListaFilmes);

                return false;
            });
            
            $("#erro").hide();
        $(".ajuda").hide();

        $("#help").toggle(function() {
            $(".ajuda").hide('slow');
        }, function() {
            $(".ajuda").show('fast');
        });

        $("#image-fechar").toggle(function() {
            $(".ajuda").hide('slow');
        }, function() {
            $(".ajuda").show('fast');
        });


        
        
         });
    </script>

</asp:Content>
